<template>
  <view class="information-box">
    <u-form :model="form" ref="uForm" :label-width="240">
      <u-form-item label="头像">
        <image slot="right" :src="form.origin" alt="" />
      </u-form-item>
      <u-form-item label="昵称">
        <view slot="right">{{ form.origin1 }}</view>
      </u-form-item>
      <u-form-item label="姓名">
        <view slot="right">{{ form.origin2 }}</view>
      </u-form-item>
      <u-form-item label="手机号">
        <view slot="right">{{ form.origin3 }}</view>
      </u-form-item>
      <u-form-item label="身份证号">
        <view slot="right">{{ form.origin4 }}</view>
      </u-form-item>
      <u-form-item label="住址">
        <view slot="right">{{ form.origin5 }}</view>
      </u-form-item>
    </u-form>
  </view>
</template>
<script>
export default {
  data() {
    return {
      form: {
        origin: 'https://uviewui.com/common/logo.png',
        origin1: undefined,
        origin2: undefined,
        origin3: undefined,
        origin4: undefined,
        origin5: undefined,
      },
    }
  },
}
</script>
<style lang="scss" scoped>
.information-box {
  padding: 0 16rpx;
  image {
    width: 80rpx;
    height: 80rpx;
  }
}
</style>
